<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>旅游攻略</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="application/x-javascript">addEventListener("load", function() {
		setTimeout(hideURLbar, 0);
	}, false);
	function hideURLbar() {
		window.scrollTo(0, 1);
	}
</script>
<!--flexslider-css-->
<!--bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--fonts-->
<link
	href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,800italic,800,700italic,700,600,600italic'
	rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--script-->
<script src="js/jquery.min.js"> </script>
<!-- js -->
<script src="js/bootstrap.js"></script>
<!-- js -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 900);
		});
	});
</script>
<!--/script-->


</head>

<body>
	<%@ include file="top.jsp"%>


	<!-- /.container-fluid -->
	</nav>

	<div class="header-banner">
		<!-- Top Navigation -->
		<section class="bgi banner5">
		<h2>About</h2>
		</section>

		<!--about-starts-->
		<div class="about">

			<div class="about-top heading" align="center">
				<div class="container">

					<h4>Cum sociis natoque penatibus et magnis dis parturient
						montes , nascetur ridiculus mus.</h4>
					<p>Cum sociis natoque penatibus et magnis dis parturient
						montes, nascetur ridiculus mus. Etiam et dignissim augue, et
						sagittis turpis. Vestibulum congue turpis ac tincidunt accumsan.
						Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas
						tristique orc i ac sem. Duis ultricies pharetra magna. Donec
						accumsan malesuada orci.</p>
					<div class="container">
						<div class="ad-mian">
							<div class="ad-left">
								<p>景区预览</p>
							</div>

						</div>
						</br> </br> 
						<div id="dives">
							<div class="about-bottom">
								<c:forEach items="${list }" var="u">
									<div class="col-md-4 about-left">
										<img src="ImgshowSceneryServlet?fileName=${u.sceneryPhoto }"
											alt="" width="400;" height="400" />
										<h5><a  href='ToMapsServlet?id=${u.sceneryId}'>${u.sceneryName }</a></h5>
											
										<p>${u.ticketPrice }
										<p>
										<p>${u.sceneryIntroduce }</p>
									</div>
								</c:forEach>
								</br> </br> </br> </br> </br> </br>

								<center>
									<div style="width: 600px;height: 50px; margin: 0 auto ">
										<div style=" margin-left: 130px">
											<input type="button" onclick="shou()" value="首页"> <input
												type="button" onclick="shang(${page })" value="上一页">
											<input type="button" onclick="xia(${page })" value="下一页">
											<input type="button" onclick="wei()" value="尾页"> <span>当前页数[${page }]&nbsp;&nbsp;总页数[${pageCount}]</span>
										</div>
								</center>
								<script type="text/javascript">
var i=${page};
//尾页直接给一个最大值首页直接给1传入
var j=99;
var k=1;
/* alert(i); */
function shou() {
		$.post("SelectSceneryServlet?op=select4",{page:k+"/sy"},function(obj){		
			$("#dives").html(obj);
	}) 
}
function wei() {
		$.post("SelectSceneryServlet?op=select4",{page:j+"/wy"},function(obj){		
			$("#dives").html(obj);
	}) 
}
function shang(i) {	
	//方法必须传值,也就是当前index
	$.post("SelectSceneryServlet?op=select4",{page:i+"/s"},function(obj){		
		$("#dives").html(obj);//传本页数字加字母到weiyeServlet判断
}) 
}
function xia(i) {
	//方法必须传值,也就是当前index
	 $.post("SelectSceneryServlet?op=select4",{page:i+"/x"},function(obj){		
		$("#dives").html(obj);
})  
}
</script>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="advantages">
				<div class="container">
					<div class="col-md-6 advantages-left heading">
						
						<div class="advn-one">
							<div class="ad-mian">

								<div class="clearfix"></div>
							</div>
							<div class="ad-mian">
								<div class="ad-left">
									<p>商家介绍</p>
								
								</div>
								<div class="ad-right">
									<h4>Elacus a porta varius dui</h4>
									<h4>
										汝南别墅位于厦门岛的西南隅，素有“不游鼓浪屿，枉费厦门行”之说。有一块两米多高、中有洞穴的礁石，每当涨潮浪击礁石发出擂鼓的声音。不可错过的景点有日光岩、钢琴陈列馆、菽庄花园、海天堂构、番婆楼、海底世界。美食小吃有苏小糖、新四海特产、鼓浪屿馅饼、老公老婆饼、凤梨酥等等。岛上酒店有老别墅酒店、海上花园酒店、六悦海景度假酒店、琴海庄园海景酒店、鼓浪屿浪花园等。小住几天，在鼓浪屿上轻松漫步、品品闽南功夫茶和武夷山岩茶、到海天堂构欣赏具有代表性的南音。
										</h4>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="ad-mian">

								<div class="clearfix"></div>
							</div>
						</div>
					</div>

					<div class="col-md-6 advantages-left heading">
						<div class="ad-left">
									<p>商家照片</p>
									
								</div>
						<div class="advn-two">
							<img width="500;" height="500;" src="images/jjj.jpg">
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<!--advantages-end-->
			<!--team-starts-->
			<div class="team">

				<!--footer-starts-->
				<%@ include file="buttom.jsp"%>
</body>
</html>
